@import "./_loaderCommon";


@-webkit-keyframes ball-beat {
    0% {
        opacity: 0.2;
        -webkit-transform: scale(0.55);
        transform: scale(0.75);
    }
    33%{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.55);
        transform: scale(0.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ball-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat 0.9s 0s infinite linear;
    animation: ball-beat 0.9s 0s infinite linear;
}

.ball-beat > div:nth-child(2) {
    -webkit-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
    -moz-animation-delay: 0.3s !important;
}
.ball-beat > div:nth-child(3) {
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
    -moz-animation-delay: 0.6s !important;
}
